<link href="__TMPL__/public/assets/css/jquery-ui.css" rel="stylesheet">
<link href="__TMPL__/public/assets/css/nice-select.css" rel="stylesheet">
<!-- 头部开始 -->
<include file="public@head"/>
<!-- 头部结束 -->
<title>{$category.seo_title}</title>
<meta name="keywords"  content="{$category.seo_keywords}" />
<meta name="description" content="{$category.seo_description}" />



        <!-- page-title -->
        <section class="page-title centred">
            <div class="pattern-layer" style="background-image: url(__TMPL__/public/assets/images/background/page-title.jpg);"></div>
            <div class="auto-container">
                <div class="content-box">
                    <h1>Product</h1>
                    <ul class="bread-crumb clearfix">
                        <li><i class="flaticon-home-1"></i><a href="index.html">首页</a></li>
                        <li>产品中心</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- page-title end -->

         <style>
            .layui-nav-item-d{padding: 0 10px !important}
            .shop-block-one .inner-box .image-box .info-list{width: 85%;left: 25px}
            .shop-block-one .inner-box .image-box .info-list .shop-1{width: 100%;}
            .shop-block-one .inner-box .image-box .info-list li a{width: 100%;}
            .shop-page-section.shop-page-4 .shop-block-one .inner-box .image-box .info-list li:nth-child(2) a{width: auto;padding: 0 15px}
            .layui-nav{padding: 0;}
            .layui-bg-cyan {
                background: #fff !important;
                border: 1px solid #e5e5e5 !important;
            }
            .layui-nav .layui-nav-item{width: 100%;line-height: 45px;}
            .layui-nav .layui-nav-more{border-top-color: #333;right: 10px;}
            .layui-nav .layui-nav-item a{color: #222;width: 100%;display: inline-block;text-align: left;padding-left:0px;}
            .layui-nav .layui-nav-item a:hover{color: #222}
            .layui-nav .layui-nav-item .layui-nav-child dd a{padding-left: 10px}
            .layui-nav-bar{display: none}
            .layui-nav-child{top: 48px}
        </style>
        <!-- shop-page-section -->
        <section class="shop-page-section shop-page-4">
            <div class="outer-container">
                <div class="item-shorting clearfix">
                    <div class="left-column pull-left clearfix">
                        <div class="filter-box">
                            <div class="dropdown">
                                <button class="search-box-btn" type="button" id="dropdownMenu5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="flaticon-list-2"></i>Filter</button>
                            </div>
                        </div>
                        <div class="text"><p>2021年秋季新品</p></div>
                    </div>
                    <div class="right-column pull-right clearfix">
                        <div class="short-box clearfix">
                            <p>栏目</p>
                            <div class="select-box">
                                <ul class="layui-nav layui-bg-cyan">
                                  <li class="layui-nav-item">
                                    <a class="layui-nav-item-d" href="javascript:;">分类</a>
                                    <dl class="layui-nav-child">
                                      <portal:subcategoriesyin categoryId=" 293" item="menu">
                                        <dd><a href="{$menu.link}">{$menu.name}</a></dd>
                                      </portal:subcategoriesyin>
                                    </dl>
                                  </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <php>
                    if(input('id') == 293){
                        $id = '294,295,296,297';
                    }else{
                        $id = input('id');
                    }
                </php>
                <div class="our-shop">
                    <div class="row clearfix">
                        <portal:articles page="12" item="vo" order="category_post.list_order ASC" categoryIds="$id" field="zxl">
                            <div class="col-lg-3 col-md-6 col-sm-12 shop-block">
                                <div class="shop-block-one">
                                    <div class="inner-box">
                                        <figure class="image-box">
                                            <img src="{:get_image_url($vo.thumbnail)}" alt="">
                                            <ul class="info-list clearfix">
                                                <li class="shop-1"><a href="{$vo.link}">查看更多</a></li>
                                                <!-- <li><a href="__TMPL__/public/assets/images/resource/shop/shop-37.jpg" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li> -->
                                            </ul>
                                        </figure>
                                        <div class="lower-content">
                                            <a href="{$vo.link}">{$vo.post_title}</a>
                                            <span class="price">总销量：{$vo.zxl}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </portal:articles>
                       
                    </div>
                </div>
                <div class="pagination-wrapper centred">
                        <page />
                </div>
            </div>
        </section>
        <!-- shop-page-section end -->




<!-- 底部开始 -->
 <include file="public@footer"/>
<!-- 底部结束 --> 
  <script src="__TMPL__/public/assets/js/nav-tool.js"></script>

 <script src="__TMPL__/public/assets/js/jquery-ui.js"></script>

<script>
layui.use('element', function(){
    console.log(123)
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>